<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>🌠流星划过</title>


      <link rel="stylesheet" href="css/style.css">
	</head>
  <body>
    <h1> 一颗流星划破了夜的沉静
         在天空中留下了一道美丽的长弧
         继而在天边消失
   <svg viewBox="0 0 160 160" width="800" height="800">
  <circle cx="80" cy="80" r="50" />
  <g transform=" matrix(0.866, -0.5, 0.25, 0.433, 80, 80)">
    <path d="M 0,70 A 65,70 0 0,0 65,0 5,5 0 0,1 75,0 75,70 0 0,1 0,70Z" fill="pink">
      <animateTransform attributeName="transform" type="rotate" from="360 0 0" to="0 0 0" dur="3s" repeatCount="indefinite" />
    </path>
  </g>
  
    </svg>
  </body>
</html>
